<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BruceShop-正品低价，品质保障</title>

    <link rel="shortcut icon" href="/public/img/favicon.ico" type="image/x-icon" />
    <!-- 引入css 初始化的css 文件 -->
    <link rel="stylesheet" href="/public/css/base.css">
    <!-- 引入公共样式的css 文件 -->
    <link rel="stylesheet" href="/public/css/common.css">
    <!-- 引入 首页的css文件 -->
    <link rel="stylesheet" href="/public/css/index.css">
</head>

<body>
    <!-- 顶部快捷导航start -->
    <div class="shortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>BruceShop欢迎您！</li>
                    {{ if user }}
                    <li>当前用户：{{ user.username }}</li>
                    <li><a href="/logout" class="style-red">注销</a></li>
                    {{ else }}
                    <li>
                        游客<a href="/login">请登录</a>
                        <a href="/register" class="style-red">免费注册</a>
                    </li>
                    {{ /if }}
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li><a href="javascript:;">我的订单</a></li>
                    <li class="spacer"></li>
                    <li><a href="javascript:;">企业采购</a></li>
                    <li class="spacer"></li>
                    <li><a href="javascript:;">关注BruceShop</a></li>
                    <li class="spacer"></li>
                    <li><a href="javascript:;">客户服务</a></li>
                    <li class="spacer"></li>
                    <li><a href="javascript:;">网站导航</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 顶部快捷导航end  -->

    <!-- header制作 -->
    <div class="header w">
        <!-- logo -->
        <div class="logo">
            <h1>
                <a href="/index" title="BruceShop">BruceShop</a>
            </h1>
        </div>
        <!-- search -->
        <div class="search">
            <input type="text" class="text" placeholder="这个搜索框只是装饰...">
            <button class="button">搜索</button>
        </div>
        <div class="shopcar">
            <a href="/cart" id="myCart">※√我的购物车</a>
            <!-- <i class="car"> </i>我的购物车 <i class="arrow"></i> -->
            {{ if amount }}
            <i class="count">{{ amount }}</i>
            {{ /if }}
        </div>
    </div>
    <!-- header 结束 -->

    <!-- nav start -->
    <div class="nav">
        <div class="w">
            <div class="dropdown fl">
                <div class="dt"> 全部商品分类 </div>
                <div class="dd">
                    <ul>
                        <li class="menu_item"><a href="/mobile">手机※√</a> </li>
                        <li class="menu_item"><a href="/electrical">家用电器※√</a> </li>
                        <li class="menu_item"><a href="/computer">电脑/办公※√</a> </li>
                        <li class="menu_item"><a href="/clothes">男装/女装/童装※√</a> </li>
                        <li class="menu_item"><a href="javascript:;">家居/厨具</a> </li>
                        <li class="menu_item"><a href="javascript:;">美妆/个护清洁/宠物</a> </li>
                        <li class="menu_item"><a href="javascript:;">女鞋/箱包/钟表/珠宝</a> </li>
                        <li class="menu_item"><a href="javascript:;">男鞋/运动/户外</a> </li>
                        <li class="menu_item"><a href="javascript:;">房产/汽车/汽车用品</a> </li>
                        <li class="menu_item"><a href="javascript:;">母婴/玩具乐器</a> </li>
                        <li class="menu_item"><a href="javascript:;">食品/酒类/生鲜/特产</a> </li>
                        <li class="menu_item"><a href="javascript:;">医药保健</a> </li>
                        <li class="menu_item"><a href="javascript:;">图书/电子书</a> <i> </i> </li>
                        <li class="menu_item"><a href="javascript:;">安装/维修/二手</a> <i> </i> </li>
                        <li class="menu_item"><a href="javascript:;">工业品</a> </li>
                    </ul>
                </div>
            </div>
            <!-- 右侧导航 -->
            <div class="navitems fl">
                <ul>
                    <li><a href="/recommend"><strong>猜你喜欢※√</strong></a></li>
                    <li><a href="javascript:;">秒杀</a></li>
                    <li><a href="javascript:;">优惠券</a></li>
                    <li><a href="javascript:;">Bruce会员</a></li>
                    <li><a href="javascript:;">Bruce超市</a></li>
                    <li><a href="javascript:;">拍卖</a></li>
                    <li><a href="javascript:;">Bruce云</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- nav end  -->

    <!-- main 模块 -->
    <div class="w">
        <div class="main">
            <div class="focus fl">
                <a href="javascript:;" class="arrow-l">&lt;</a>
                <a href="javascript:;" class="arrow-r">&gt;</a>
                <ul>
                    <li>
                        <a href="javascript:;"><img src="/public/upload/focus.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="javascript:;"><img src="/public/upload/focus1.png" alt=""></a>
                    </li>
                    <li>
                        <a href="javascript:;"><img src="/public/upload/focus2.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="javascript:;"><img src="/public/upload/focus3.jpg" alt=""></a>
                    </li>
                </ul>
                <ol class="circle">
                </ol>
            </div>

            <div class="newsflash fr">
                <div class="news">
                    <div class="news-hd">
                        BruceShop快报
                        <a href="javascript:;">更多</a>
                    </div>
                    <div class="news-bd">
                        <ul>
                            <li><a href="javascript:;">【最新】BruceShop上线啦！</a></li>
                            <li><a href="javascript:;">【特惠】母亲节，健康好礼低至5折！</a></li>
                            <li><a href="javascript:;">【潮流】风衣5折秒！</a></li>
                            <li><a href="javascript:;">【爆炸】9.9元买车！</a></li>
                            <li><a href="javascript:;">【最热】10元充值100元！</a></li>
                        </ul>
                    </div>
                </div>
                <div class="lifeservice">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <i class="service_ico service_ico_huafei"></i>
                                <p>话费</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <i class="service_ico service_ico_feiji"></i>
                                <p>机票</p>
                            </a>
                            <span class="hot"></span>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <i class="service_ico service_ico_dianying"></i>
                                <p>电影票</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <i class="service_ico service_ico_game"></i>
                                <p>游戏</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <i class="service_ico service_ico_caipiao"></i>
                                <p>彩票</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <i class="service_ico service_ico_jiayou"></i>
                                <p>加油</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <i class="service_ico service_ico_hotel"></i>
                                <p>酒店</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <i class="service_ico service_ico_train"></i>
                                <p>火车票</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <i class="service_ico service_ico_daikuan"></i>
                                <p>贷款</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <i class="service_ico service_ico_licai"></i>
                                <p>理财</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <i class="service_ico service_ico_card"></i>
                                <p>信用卡</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <i class="service_ico service_ico_baitiao"></i>
                                <p>白条</p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="bargain">
                    <img src="/public/upload/bargain.png" alt="品质男装">
                </div>
            </div>
        </div>
    </div>

    <!-- 推荐服务模块 start -->
    <div class="recommend w">
        <div class="recom-hd fl">
            <img src="/public/img/clock.png" alt="">
            <h3>BruceShop秒杀</h3>
        </div>
        <div class="recom-bd fl">
            <ul>
                <li>
                    <a href="javascript:;">
                        <img src="/public/upload/pic1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="/public/upload/pic2.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="/public/upload/pic.jpg" alt="">
                    </a>
                </li>
                <li class="last">
                    <a href="javascript:;">
                        <img src="/public/upload/pic3.jpg" alt="">
                    </a>
                </li>

            </ul>
        </div>
    </div>
    <!-- 推荐服务模块 end -->

    <!-- footer start -->
    <div class="footer">
        <div class="w">
            <!-- mod_help -->
            <div class="mod_help">
                <dl class="mod_help_item">
                    <dt><strong>购物指南</strong></dt>
                    <dd> <a href="javascript:;">购物流程 </a></dd>
                    <dd> <a href="javascript:;">会员介绍 </a></dd>
                    <dd> <a href="javascript:;">生活旅行 </a></dd>
                    <dd> <a href="javascript:;">常见问题 </a></dd>
                    <dd> <a href="javascript:;">大家电 </a></dd>
                    <dd> <a href="javascript:;">联系客服 </a></dd>
                </dl>
                <dl class="mod_help_item">
                    <dt><strong>配送方式</strong></dt>
                    <dd> <a href="javascript:;">上门自提 </a></dd>
                    <dd> <a href="javascript:;">211限时达 </a></dd>
                    <dd> <a href="javascript:;">配送服务查询 </a></dd>
                    <dd> <a href="javascript:;">配送费收取标准 </a></dd>
                    <dd> <a href="javascript:;">海外配送 </a></dd>
                </dl>
                <dl class="mod_help_item">
                    <dt><strong>支付方式</strong></dt>
                    <dd> <a href="javascript:;">货到付款 </a></dd>
                    <dd> <a href="javascript:;">在线支付 </a></dd>
                    <dd> <a href="javascript:;">分期付款 </a></dd>
                    <dd> <a href="javascript:;">公司转账 </a></dd>
                </dl>
                <dl class="mod_help_item">
                    <dt><strong>售后服务</strong></dt>
                    <dd> <a href="javascript:;">售后政策 </a></dd>
                    <dd> <a href="javascript:;">价格保护 </a></dd>
                    <dd> <a href="javascript:;">退款说明 </a></dd>
                    <dd> <a href="javascript:;">退换货 </a></dd>
                    <dd> <a href="javascript:;">取消订单 </a></dd>
                </dl>
                <dl class="mod_help_item">
                    <dt><strong>特色服务</strong></dt>
                    <dd> <a href="javascript:;">延保服务 </a></dd>
                    <dd> <a href="javascript:;">Bruce会员卡 </a></dd>
                    <dd> <a href="javascript:;">DIY装机 </a></dd>
                    <dd> <a href="javascript:;">Bruce通信 </a></dd>
                    <dd> <a href="javascript:;">Bruce农场 </a></dd>
                </dl>
                <dl class="mod_help_item mod_help_app">
                    <dt style="margin-left: -50px;"><strong>BruceShop自营范围</strong></dt>
                    <dd style="margin-left: -60px;">
                        <p>BruceShop已向全国2500个区县提供自营配送服务，支持到货付款、POS机刷卡和售后上门服务。</p>
                    </dd>
                </dl>
            </div>

            <!-- mod_copyright  -->
            <div class="mod_copyright">
                <p class="mod_copyright_links">
                    关于我们 | 联系我们 | 联系客服 | 商家入驻 | 营销中心 | BruceShop | 友情链接 | 销售联盟 | English Site
                </p>
                <p class="mod_copyright_info">
                    地址：广州市番禺区大学城SCUT 邮编：510000 电话：400-123-1234 传真：010-1234567
                </p>
                <p class="mod_copyright_info">
                    copy_right：BruceCAI
                </p>
            </div>
        </div>
    </div>
    <!-- footer end -->
</body>
<script src="/public/js/animate.js"></script>
<script src="/public/js/index.js"></script>
<script src="/node_modules/jquery/dist/jquery.js"></script>
<script>
    $('#myCart').on('click', function (e) {
        e.preventDefault()
        $.ajax({
            url: '/cartAjax',
            type: 'get',
            data: '',
            dataType: 'json',
            success: function (data) {
                var err_code = data.err_code
                if (err_code === 0) {
                    window.alert('需要先登录哦亲...')
                } else if (err_code === 1) {
                    window.location.href = '/cart'
                }
            }
        })
    })
</script>

</html>